<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>99乘法表</title>
     <h1>99乘法口诀表</h1>
    <style>
        table{
            border-collapse:collapse;
}
        td{
            width: 80px;
            height: 20px;
            text-align:center;
            border:1px solid #f75000;
            background-color:#ffff37;
}
    </style>

</head>

<body>
     <table border>
     </table>
    <script>
                var table = document.getElementsByTagName('table')[0];
                var html = '';
                for (var i=0;i<=9;i++) {
                    html +='<tr>';
                for (var o=1;o<=i;o++) {
                    html +='<td>'+o+'*'+i+'='+o*i+'</td>';
                } 
                 html+='<tr>';  
                }
                table.innerHTML=html;     

    </script>
</body>
</html>